:root {
    --red: #d44439;
    --shadow: rgba (212, 68, 57, .5);

    --light: #f1f1f1;

    --desc: #2E3030;
    --desc2: #bba8a8;

    --ss: 10px;
    --s: 12px;
    --m: 14px;
    --l: 16px;
    --ll: 18px;
    --border: #e4e4e4;
    --page: #f2f3f4;
    --pageShadow: rgba (0, 0, 0, 0.3);

}

.extendClick {
    position: relative;

}

.extendClick:before {
    content: '';
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
}

.txt1 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.flex1 {
    display: flex;
}

.flex2 {
    display: flex;
    align-items: center;
}

.flex3 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}